iT邦幫忙

2022 iThome 鐵人賽

DAY 4
0

今日目標,完成第一個網頁,Hello Wrold!

第一個網頁

  1. 把左側的專案依序展開 cards -> src -> main -> java -> com.example.cards
  2. 在 com.example.cards 用 右鍵 點擊 -> New -> Java Class
  3. 輸入 HelloWorld 作為檔案名稱,然後選擇 class,因為上一步選擇 Java Class 會自動補上 .java,所以輸入檔案名稱即可
  4. 再壓下 Enter 鍵就會建立 HelloWorld 類別,同時也自動填入了部分程式碼!
  5. 接下來我們將 HelloWorld 的內容替換成:
    package com.example.cards;
    
    import org.springframework.web.bind.annotation.GetMapping;
    import org.springframework.web.bind.annotation.RestController;
    
    @RestController
    public class HelloWorld {
        @GetMapping("/")
        public String hello() {
            return "Hello World!";
        }
    }
    
  6. 再從左側選擇 CardsApplication,在程式碼的行數左側會有綠色箭頭,點下去後選擇「Run 'CardsApplication.main()'」,第一次執行才這麼做,之後點選右上角的綠色箭頭就可以直接執行程式了!
  7. 程式會執行一段時間,下方會開啟一個小視窗,會輸出一些東西,直到見到如下框起來的內容(com.example.cards.CardsApplication
  8. 開啟瀏覽器,輸入 http://localhost:8080/ ,如果看到以下畫面就表示成功囉~~
  9. 至於為什麼是 8080 port,其實在第 8. 的截圖也可以看到他用 port: 8080

好的開始是成功的一半!千萬不要小看 Hello World,這是所有程式開始的起點,雖然稀鬆平常又簡單,但當你發現連 Hello World 都印不出來就會知道有多崩潰... /images/emoticon/emoticon06.gif
今天的文章我們省略了一些東西沒有解釋,像是專案的架構、HelloWorld 的 code,而是先讓各位完成第一個網頁,先有成就感比較重要/images/emoticon/emoticon12.gif,在之後將會持續解說並補充,敬請期待!


上一篇
Day 02 - 開發神器 IntelliJ
下一篇
Day 04 - 專案架構
系列文
Spring Boot... 深不可測31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言